<template>
	<div class="box">
		<div class="title">
			<div class="el-icon-arrow-left" @click="$router.go(-1)"></div>
			<div>支付方式</div>
			<div class="title_right_size"></div>
		</div>
		<div class="saoyisao_box">
			<div class="saoyisao">
				<img class="sao_img_topleft" src="../../../../assets/static/scan/3.png" alt="">
				<img class="sao_img_topright" src="../../../../assets/static/scan/6.png" alt="">
				<img class="sao_img_downleft" src="../../../../assets/static/scan/5.png" alt="">
				<img class="sao_img_downright" src="../../../../assets/static/scan/2.png" alt="">
				<img class="sao_center" src="../../../../assets/static/scan/4.png" alt="">
			</div>
		</div>
		<div class="select_img">选择图片</div>
	</div>
</template>

<script>
</script>
<style lang="scss" scoped>
	.box {
		background-color: rgba(0, 0, 0, .2);
		height: 100vh;

		/* 标题 */
		.title {
			background-color: #7ac91b;
			color: #fff;
			font-size: 18px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 15px;
			font-weight: bold;

			.el-icon-arrow-left {
				float: left;
				margin-top: 5px;
			}

			.title_right_size {
				font-size: 12px;
				font-weight: normal;
			}
		}

		.saoyisao_box {
			background-color: #fff;
			margin: auto;
			margin-top: 25%;
			width: 250px;
			height: 250px;

			.saoyisao {
				width: 100%;
				height: 100%;
				position: relative;
				.sao_img_topleft{
					position: absolute;
					left: -2.5px;
					top: -2.5px;
				}
				.sao_img_topright{
					position: absolute;
					right: -2.5px;
					top: -2.5px;
				}
				.sao_img_downleft{
					position: absolute;
					left: -2.5px;
					bottom: -2.5px;
				}
				.sao_img_downright{
					position: absolute;
					right: -2.5px;
					bottom: -2.5px;
				}
				.sao_center{
					margin-top: 50%;
				}
			}
		}

		.select_img {
			background-image: url(../../../../assets/static/scan/1.png);
			background-repeat: no-repeat;
			background-size: 100%;
			text-align: center;
			font-size: 15px;
			color: #FFFFFF;
			font-weight: bold;
			width: 243px;
			padding: 20px 0 30px 0;
			margin: 20% auto;
		}
	}
</style>
